Generative () {
*POSTERS*
};
};
ABOUT
As a designer, I've always been fascinated by creative coding. I believe code allows for the fusion of rationality, creativity, and a hint of chaos and randomness. In my view, the logic of code intertwines closely with the fundamental concepts of design as a system.
That's why, in the development of this project, I focused on this concept to create a poster generator capable of blending randomness with control, resulting in a wide variety of visual solutions based on a set of defined rules. I chose to use JavaScript, specifically p5.js, a library designed to bring basic processing concepts to the web to create interactive visual artifacts.
So, I decided to develop a micro website that allows users to input textual content and pair it with visuals generated randomly, while also providing the option to download their poster in vector format for further editing in programs like Adobe Illustrator.
LAYOUT
Firstly, I defined the variables related to the layout: in this project, I chose to keep the visual content on two-thirds of the layout arranged within a 5x5 grid of modules. The text, on the other hand, is placed at the bottom of the layout and can vary in terms of typeface and size.
TYPOGRAPHY
For typography, I selected two open-source fonts designed by the Indian Type Foundry and available on FontShare: Switzer, in medium and light weights, and Gambarino in regular weight.
For typography, I selected two open-source fonts designed by the Indian Type Foundry and available on FontShare: Switzer, in medium and light weights, and Gambarino in regular weight.
The idea was to create a strong contrast between an extremely rational sans-serif and a slightly condensed serif with a more eccentric taste.
COLORS
Regarding colors, I opted to develop the posters predominantly in black and white, with accent colors only appearing within the visuals to maintain an essential look.
MOTION
To make each poster even more unique, I chose to animate the visuals, allowing those generating the poster to see and download variations of the same visual that changes over time.
WEBSITE
I ultimately decided to make the project as open as possible by creating a website (extremely basic) where users can input content, choose a layout variant, and finally download their poster.
Thanks for() {
WATCHING
};
};
